<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="icon" type="image/png" href="/images/icon.png" />
    <title>Music Player for Google Drive</title>
    <!--[if lt IE 9]>
      <script type="text/javascript">
        // Fix a bug in IE 8 and below where changing the hash after a redirect from containing a hash causes the page to reload.
        window.location.hash = window.location.hash;
      </script>  
    <![endif]-->
    <!--[if lt IE 8]>
      <script src="js/json2.js"></script>  
    <![endif]-->
    <script type="text/javascript"> if (!window.console) console = {log: function() {}}; </script>
    <meta name="description" content="Music Player for Google Drive is a simple and lightweight online music player for your audio files stored in Google Drive. It lets you open music files directly from Google Drive or from its own interface. Music Player for Google Drive offers: Playback of MP3 files, MP4, OGG (Audio), WAV, ACC (iTune's .m4a files), webm (Audio). - Support for ID3 tags v1 and v2as well as AAC file Tags. - Automatic display of Album covers. - Handles users signed-in multiple Google account elegantly. - Open Audio files directly from the Google Drive UI." />
    <link type="text/css" href="/skin/jplayer.blue.monday.css" rel="stylesheet" />
    <link type="text/css" href="/css/drive-music-player.css" rel="stylesheet" />
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/swfobject.js"></script>
    <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
    <!--[if IE]>
      <script type="text/javascript" src="js/base64.js" ></script>
    <![endif]-->
    <script type="text/javascript" src="js/jdataview.js"></script>
    <script type="text/javascript" src="js/id3.js" ></script>
    <script type="text/javascript" src="js/id3v2.js" ></script>
    <script type="text/javascript" src="js/id3v1.js" ></script>
    <script type="text/javascript" src="js/id4.js" ></script>
    <script type="text/javascript" src="js/dmp.js" ></script>
    <script type="text/javascript" src="js/dmp.auth.js" ></script>
    <script type="text/javascript" src="js/dmp.drive.js" ></script>
    <script type="text/javascript" src="js/dmp.lastfm.js" ></script>
    <script type="text/javascript" src="js/dmp.player.js" ></script>
    <script type="text/javascript" src="js/dmp.ui.js" ></script>
    <script type="text/javascript" src="js/dmp.url.js" ></script>
    <script src="//www.google.com/jsapi"></script>
    <script src="//apis.google.com/js/client.js"></script>
    <script type="text/javascript">
      // Use the Google Loader script to load the google.picker script.
      google.load('picker', '1');
    </script>
  </head>

  <body onload="dmp.init()">
    <img id="logo" src="/images/logo.png" style="width: 295px; height: 52px;">
    <div id="subtitle">for Google Drive</div>
    
    <div id="flashAlert"><div><table><tr><td><img  width="128" height="125" title="" alt="" src="" />
    </td><td style="padding-left: 20px">You do not have Flash player installed on this browser.<br />Music Player for Google Drive needs Flash to play audio files.<br /><br /><a target="_blank" href="https://www.google.com/search?q=install+flash+player">Install Adobe Flash player</a></td></tr></table></div></div>
  
    <div id="jqueryPlayerContainer" class="jp-jplayer"></div>
    <div id="jp_container_1" class="jp-audio">
    
      <div id="hider">
        <div>
          <img src="">
          <br /><br />Loading...
        </div>
      </div>
    
      <div class="jp-type-single">
        <div class="jp-gui jp-interface">
          <ul class="jp-controls">
            <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
            <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
            <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
            <li><a href="javascript:;" class="jp-mute" tabindex="1" title="Mute">mute</a></li>
            <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="Unmute">unmute</a></li>
            <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="Max volume">max volume</a></li>
          </ul>
          <div class="jp-progress">
            <div class="jp-seek-bar">
              <div class="jp-play-bar"></div>
            </div>
          </div>
          <div class="jp-volume-bar">
            <div class="jp-volume-bar-value"></div>
          </div>
          <div class="jp-time-holder">
            <div class="jp-current-time"></div>
            <div class="jp-duration"></div>
            <ul class="jp-toggles">
              <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="Repeat song">Repeat song</a></li>
              <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="Repeat off">Repeat off</a></li>
            </ul>
          </div>
        </div>
        
        <table id='fileContainer'>
        <thead>
          <tr class="header">
            <td class="playindicator"></td>
            <td class="artist">Artist</td>
            <td class="title">Song</td>
            <td></td>
          </tr>
        </thead>
        <tbody>
          <tr id="empty">
            <td colspan="4"><span>Your playlist is empty. Add some music</span><img width="35" height="44" title="" alt="" src="" /></td>
          </tr>
        </tbody>
      </table>
        <div class="add song" target="_blank" onclick="dmp.ui.picker.setVisible(true);">
          <img src='/images/driveLogo.png'>
          Add audio files from Google Drive
        </div>
        
        <div class="jp-no-solution">
          <span>Update Required</span>
          To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
        </div>
      </div>
    </div>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-25993200-4']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </body>
</html>
